﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap Form Builder</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
      
    <link href="Content/bootstrap.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">

    <style>
      body {
        padding-top: 30px; /* 60px to make the container go all the way to the bottom of the topbar */
        padding-bottom: 10px;
      }
      #components{
        min-height: 600px;
      }
      #target{
        min-height: 500px;
        border: 1px solid #ccc;
        padding:10px;
      }
        .popover {
            min-width:800px;
            left:20% !important;
            top:0% !important;
        }
        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 14px;
        }
      #target .component{
        border: 0px solid #fff;
      }
      .input_add {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ddd;
        border-radius: 0px;
    }
    input:focus,
    textarea:focus {
      border-color: #ddd;
      outline: 0;
    }
    </style>

    <!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
  </head>

  <body>

    <div class="container">
      <div class="row clearfix">
        <div class="col-md-7">
          <div class="clearfix">
            <div id="build">
              <form id="target" class="form-horizontal col-md-12">
                <fieldset style="max-width:620px;padding:5px;-webkit-box-shadow: 0 1px 3px #a6a6a4;-moz-box-shadow: 0 1px 3px #a6a6a4;-ms-box-shadow: 0 1px 3px #a6a6a4;-o-box-shadow: 0 1px 3px #a6a6a4;box-shadow: 0 1px 3px #a6a6a4;">


                </fieldset>
              </form>
            </div>
          </div>
        </div>

        <div class="col-md-5">
          <div class="tabbable">
            <ul class="nav nav-tabs" id="navtab">
              <li class="active"><a href="#header" data-toggle="tab">Đầu - Cuối</a></li>
              <li class><a href="#2" data-toggle="tab">Nội dung</a></li>
              <li class><a href="#3" data-toggle="tab">Sản phẩm</a></li>
              <li class><a href="#4" data-toggle="tab">Tiện ích</a></li>
              <li class><a id="sourcetab" href="#5" data-toggle="tab">Code</a></li>
            </ul>
            <form class="form-horizontal" id="components">
              <fieldset>
                <div class="tab-content">

                  <div class="tab-pane active col-md-12" id="header" style="padding:0px;">

<!-- Test -->
                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" style="padding:0px;" data-type="text" rel="popover" title="Tùy chỉnh" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:0px 0px 10px 0px;'>
                            <div class='col-md-12' style='padding:0px;'>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Đường dẫn ảnh</label><input class='form-control' type='text' name='label' id='img'>
                                </div>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Đường link ảnh</label><input class='form-control' type='text' name='label' id='link_img' placeholder='http://www.famails.com'>
                                </div>
                            </div>
                                <div class='col-md-12' style='padding:0px 0px;'>
                                    <div class='col-md-5' style='padding:5px 5px 5px 0px;'>
                          <label class='control-label'>Chiều dài</label> <input class='form-control' type='text' name='label' id='img_width'>
                                        </div>
                                    <div class='col-md-5' style='padding:5px 5px 5px 5px;'>
                          <label class='control-label'>Chiều cao</label> <input class='form-control' type='text' name='label' id='img_height'>
                                        </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 5px;'>
                                    <label class='control-label'>Màu nền</label><br/><input type='color' class='form-control' id='background' style='float:left;padding:1px;' list='colors' >
                                </div>
                                </div>
                         
                        <div class='col-md-12' style='padding:5px 0px;'>
                            <div class='col-md-6' style='padding:0px;'>
                                <label class='control-label' style='line-height:30px;'>Danh sách Menu</label>
                            </div>
                            <div class='col-md-6' style='padding:0px;'>
                                <label class='control-label' style='margin-right:10px;float:left;line-height:30px;'>Màu menu </label>
                                <input type='color' class='form-control' id='color_link' style='float:left;padding:1px;width:60px;' list='colors'>
                            </div>
                            <div class='col-md-12' style='padding:0px;'>
                                <div class='col-md-8' style='padding:5px 5px 5px 0px;'>
                                    <textarea style='min-height: 150px;max-width:100%;' class='col-md-12 form-control' id='link'></textarea>
                                </div>
                                <div class='col-md-4' style='padding:5px;'>
                                    <label>Ví dụ :</label><br/>[Tên Menu 1] | [Đường dẫn 1]<br/>[Tên Menu 2] | [Đường dẫn 2]<br/>[Tên Menu 3] | [Đường dẫn 3]<br/>
                                    <b>[Tên Menu]</b> và <b>[Đường dẫn]</b> được cách với nhau bằng dấu <b> | </b> 
                                </div>
                            </div>
                          <hr/>
                        </div>
                        <div class='col-md-12' style='padding:0px;'>
                          <label class='control-label'>Tiêu đề</label>
                          <input type='text' class='col-md-12 form-control' name='title2' id='title2'></input><br/>
                        </div>
                        <div class='col-md-12' style='padding:10px 0px 10px;'>
                            <div class='col-md-2' style='padding:0px;'>
                              <label class='control-label'>Màu sắc</label>
                                <input type='color' class='form-control' id='color_title' style='padding:1px;' list='colors'>
                            
                            </div>
                            <div class='col-md-4'>
                              <label class='control-label'>Kích thước</label>
                                <input type='text' class='form-control' id='size_title' >
                            </div>
                                <div class='col-md-3'>
                                    <label class='control-label'>Canh lề</label> 
                                    <select class='form-control' type='text' id='align_title'><option value='left'>Left</option><option value='center'>center</option><option value='right'>Right</option></select>
                                </div>
                                <div class='col-md-3'>
                                    <label class='control-label'>Kiểu chữ</label> 
                                    <select class='form-control' type='text' id='bold_title'><option value='bold'>Bold</option><option value='normal'>Normal</option></select>
                                </div>
                        </div>
                          <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                        </div>
                      </form>"
                      >

                      <!-- Text input-->
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                                <div class="col-md-12" style="display: table;overflow: hidden;padding:0px;">
                                    <div class="col-md-12" style="display: table-cell; vertical-align: middle;padding:0px;">
                                        <div class="col-md-3" style="padding:0px;">
                                            <a href="#" style="text-decoration:none;"><img class="valtype img" src="http://1.bp.blogspot.com/-GIc0LbIAap4/T6ohM4Xix-I/AAAAAAAACE4/AVnjynrrubI/s1600/Logo+Rohto.jpg" href="#" width="" height="80" style="padding:10px;" data-valtype="img" /></a>
                                        </div>
                                        <div class="col-md-9" style="padding:0px;display: table-cell; vertical-align: middle;">
                                            <div class="valtype col-md-12 pull-right" data-valtype="link" style="text-align:right;"><a href="#" style='color:#005195;'>Home</a><span style='margin-right:20px;'></span></div>
                                            <div class="valtype col-md-12" data-valtype="title2" style="display: table-cell; vertical-align: middle;line-height:60px;font-weight:bold;font-size:24px;color:#005195;text-align:center">Thông tin đăng ký</div>
                                        </div>
                                    </div>
                                </div>                            
                            </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                        </div>
                    </div>
<!-- Hinh menu -->
                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" style="padding:0px;" data-type="text" rel="popover" title="Tùy chỉnh" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:0px 0px 10px 0px;'>
                            <div class='col-md-12' style='padding:0px;'>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Đường dẫn ảnh</label><input class='form-control' type='text' name='label' id='Text1'>
                                </div>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Đường link ảnh</label><input class='form-control' type='text' name='label' id='Text2' placeholder='http://www.famails.com'>
                                </div>
                            </div>
                                <div class='col-md-12' style='padding:0px 0px;'>
                                    <div class='col-md-5' style='padding:5px 5px 5px 0px;'>
                          <label class='control-label'>Chiều dài</label> <input class='form-control' type='text' name='label' id='Text3'>
                                        </div>
                                    <div class='col-md-5' style='padding:5px 5px 5px 5px;'>
                          <label class='control-label'>Chiều cao</label> <input class='form-control' type='text' name='label' id='Text4'>
                                        </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 5px;'>
                                    <label class='control-label'>Màu nền</label><br/><input type='color' class='form-control' id='Color1' style='float:left;padding:1px;' list='colors' >
                                </div>
                                </div>
                         
                        <div class='col-md-12' style='padding:5px 0px;'>
                            <div class='col-md-6' style='padding:0px;'>
                                <label class='control-label' style='line-height:30px;'>Danh sách Menu</label>
                            </div>
                            <div class='col-md-3' style='padding:0px;'>
                                <label class='control-label' style='margin-right:10px;float:left;line-height:30px;'>Màu menu </label>
                                <input type='color' class='form-control' id='color2' style='float:left;padding:1px;width:60px;' list='colors'>
                            </div>
                            <div class='col-md-3' style='padding:0px;'>
                                    <label class='control-label' style='margin-right:10px;float:left;line-height:30px;'>Kiểu menu </label>
                                    <select class='form-control' style='width:100px' id='bold_link'>
                                        <option value='bold'>Bold</option>
                                        <option value='normal'>Normal</option>
                                    </select>
                                </div>
                            <div class='col-md-12' style='padding:0px;'>
                                <div class='col-md-8' style='padding:5px 5px 5px 0px;'>
                                    <textarea style='min-height: 150px;max-width:100%;' class='col-md-12 form-control' id='Textarea1'></textarea>
                                </div>
                                <div class='col-md-4' style='padding:5px;'>
                                    <label>Ví dụ :</label><br/>[Tên Menu 1] | [Đường dẫn 1]<br/>[Tên Menu 2] | [Đường dẫn 2]<br/>[Tên Menu 3] | [Đường dẫn 3]<br/>
                                    <b>[Tên Menu]</b> và <b>[Đường dẫn]</b> được cách với nhau bằng dấu <b> | </b> 
                                </div>
                            </div>
                          <hr/>
                        </div>
                          <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                        </div>
                      </form>"
                      >

                      <!-- Text input-->
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                                <div class="col-md-12" style="display: table;overflow: hidden;padding:0px;">
                                    <div class="col-md-12" style="display: table-cell; vertical-align: middle;padding:0px;">
                                        <div class="col-md-3" style="padding:0px;">
                                            <a href="#" style="text-decoration:none;"><img class="valtype img" src="http://1.bp.blogspot.com/-GIc0LbIAap4/T6ohM4Xix-I/AAAAAAAACE4/AVnjynrrubI/s1600/Logo+Rohto.jpg" href="#" width="" height="80" style="padding:10px;" data-valtype="img" /></a>
                                        </div>
                                        <div class="col-md-9" style="padding:0px;display: table-cell; vertical-align: middle;line-height:80px;">
                                            <div class="valtype col-md-12 pull-right" data-valtype="link" style="text-align:right;"><a href="#" style='color:#005195;'>Home</a><span style='margin-right:20px;'></span></div>
                                        </div>
                                    </div>
                                </div>                            
                            </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                        </div>
                    </div>


                   <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" style="padding:0px;" data-type="text" rel="popover" title="Tùy chỉnh" trigger="manual"
                                            data-content="
                                            <form class='form'>
                                            <div class='controls col-md-12' style='padding:0px 0px 10px 0px;'>
                                            <div class='col-md-12' style='padding:0px;'>
                                                <label class='control-label'>Tiêu đề</label>
                                                <input type='text' class='col-md-12 form-control' name='title2' id='Text5'></input><br/>
                                            </div>
                                            <div class='col-md-12' style='padding:10px 0px 10px;'>
                                                <div class='col-md-2' style='padding:0px;'>
                                                    <label class='control-label'>Màu sắc</label>
                                                    <input type='color' class='form-control' id='color3' style='padding:1px;' list='colors'>
                            
                                                </div>
                                                <div class='col-md-4'>
                                                    <label class='control-label'>Kích thước</label>
                                                    <input type='text' class='form-control' id='Text6' >
                                                </div>
                                                    <div class='col-md-3'>
                                                        <label class='control-label'>Canh lề</label> 
                                                        <select class='form-control' type='text' id='Select1'><option value='left'>Left</option><option value='center'>center</option><option value='right'>Right</option></select>
                                                    </div>
                                                    <div class='col-md-3'>
                                                        <label class='control-label'>Kiểu chữ</label> 
                                                        <select class='form-control' type='text' id='Select2'><option value='bold'>Bold</option><option value='normal'>Normal</option></select>
                                                    </div>
                                            </div>
                                                <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                                            </div>
                                            </form>"
                                            >

                                            <!-- Text input-->
                                            <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                                            <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                                                <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                                                    <div class="valtype col-md-12" data-valtype="title2" style="display: table-cell; vertical-align: middle;line-height:60px;font-weight:bold;font-size:24px;color:#005195;text-align:center">Thông tin đăng ký</div>
                                                                   
                                                </div>
                                            <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                                            </div>
                                        </div>

                    <!-- Social -->
                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" style="padding:0px;" data-type="text" rel="popover" title="Tùy chỉnh" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:0px 0px 10px 0px;'>
                            <div class='col-md-12' style='padding:0px 0px;'>
                                <div class='col-md-6' style='padding:5px 5px 5px 5px;'>
                                    <label class='control-label'>Chèn nội dung</label>
                                    <span class='btn btn-default' onclick='OWD_TARA();' style='padding:6px 14px;width:100%;'>Thêm / Sửa Nội dung</span>
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 5px;'>
                                    <label class='control-label'>Màu nền</label><br/><input type='color' class='form-control' id='Color4' style='float:left;padding:1px;' list='colors' >
                                </div>
                                <div class='col-md-12' style='padding:5px 5px 5px 5px;'>
                                    <textarea id='archier' style='min-height:150px;' disabled='disabled' class='form-control'></textarea>
                                </div>
                            </div>
                            <div class='col-md-12' style='padding:5px 0px;'>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label' style='line-height:34px;padding:0px 28px;margin:0px;'>Facebook</label>
                                </div>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <input class='form-control' type='text' name='label' id='facebook' placeholder='Đường dẫn URL ..'>
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <input type='color' class='form-control' id='color_facebook' style='float:left;padding:1px;' list='colors' >
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <input type='text' class='form-control' id='size_facebook' style='float:left;padding:1px;text-align:center;' >
                                </div>
                            </div>
                            <div class='col-md-12' style='padding:5px 0px;'>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label' style='line-height:34px;padding:0px 28px;margin:0px;'>Google+</label>
                                </div>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <input class='form-control' type='text' name='label' id='google' placeholder='Đường dẫn URL ..'>
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <input type='color' class='form-control' id='color_google' style='float:left;padding:1px;' list='colors' >
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <input type='text' class='form-control' id='size_google' style='float:left;padding:1px;text-align:center;' >
                                </div>
                            </div>
                            <div class='col-md-12' style='padding:5px 0px;'>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label' style='line-height:34px;padding:0px 28px;margin:0px;'>Twitter</label>
                                </div>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <input class='form-control' type='text' name='label' id='twitter' placeholder='Đường dẫn URL ..'>
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <input type='color' class='form-control' id='color_twitter' style='float:left;padding:1px;' list='colors' >
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <input type='text' class='form-control' id='size_twitter' style='float:left;padding:1px;text-align:center;'>
                                </div>
                            </div>
                            <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                        </div>
                      </form>"
                      >

                      <!-- Text input-->
                      <label class="control-label valtype" style="padding:0px;margin:0px;height:1px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                                <div class="col-md-12" style="display: table;overflow: hidden;padding:0px;">
                                    <div class="col-md-6" style="padding:10px;display: table-cell; vertical-align: middle;">
                                            <div class="col-md-12 valtype" data-valtype='archier' style="padding:0px;color:#888;">
<address><span style="color:#000"><strong>Twitter, Inc.</strong><br />
795 Folsom Ave, Suite 600<br />
San Francisco, CA 94107<br />
P: (123) 456-7890</span></address>
                                            </div>
                                    </div>
                                    <div class="col-md-6" style="padding:10px;display: table-cell; vertical-align: middle;text-align:right;">
                                        <a href="#" style="color:#44619D;font-size:20px;"><span data-valtype="facebook" class="valtype fa fa-facebook" style="padding:2px 6px;margin-right:10px;"></span></a>
                                        <a href="#" style="color:#d00;font-size:20px;"><span data-valtype="google" class="valtype fa fa-google-plus" style="padding:2px 6px;margin-right:10px;"></span></a>
                                        <a href="#" style="color:#3DCFFE;font-size:20px;"><span data-valtype="twitter" class="valtype fa fa-twitter" style="padding:2px 6px;margin-right:10px;"></span></a>
                                    </div>
                                </div>                            
                            </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      </div>
                    </div>

                    <!-- Social image -->
                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" style="padding:0px;" data-type="text" rel="popover" title="Tùy chỉnh" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:0px 0px 10px 0px;'>
                            <div class='col-md-12' style='padding:0px 0px;'>
                                <div class='col-md-12' style='padding:0px;'>
                                    <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                        <label class='control-label'>Đường dẫn ảnh</label><input class='form-control' type='text' name='label' id='Text7'>
                                    </div>
                                    <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                        <label class='control-label'>Đường link ảnh</label><input class='form-control' type='text' name='label' id='Text8' placeholder='http://www.famails.com'>
                                    </div>
                                </div>
                                <div class='col-md-12' style='padding:0px 0px;'>
                                    <div class='col-md-5' style='padding:5px 5px 5px 0px;'>
                                        <label class='control-label'>Chiều dài</label> <input class='form-control' type='text' name='label' id='Text9'>
                                    </div>
                                    <div class='col-md-5' style='padding:5px 5px 5px 5px;'>
                                        <label class='control-label'>Chiều cao</label> <input class='form-control' type='text' name='label' id='Text10'>
                                    </div>
                                    <div class='col-md-2' style='padding:5px 5px 5px 5px;'>
                                        <label class='control-label'>Màu nền</label><br/><input type='color' class='form-control' id='Color5' style='float:left;padding:1px;' list='colors' >
                                    </div>
                                </div>
                            </div>
                            <div class='col-md-12' style='padding:5px 0px;'>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label' style='line-height:34px;padding:0px 28px;margin:0px;'>Facebook</label>
                                </div>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <input class='form-control' type='text' name='label' id='Text11' placeholder='Đường dẫn URL ..'>
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <input type='color' class='form-control' id='color6' style='float:left;padding:1px;' list='colors' >
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <input type='text' class='form-control' id='Text12' style='float:left;padding:1px;text-align:center;' >
                                </div>
                            </div>
                            <div class='col-md-12' style='padding:5px 0px;'>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label' style='line-height:34px;padding:0px 28px;margin:0px;'>Google+</label>
                                </div>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <input class='form-control' type='text' name='label' id='Text13' placeholder='Đường dẫn URL ..'>
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <input type='color' class='form-control' id='color7' style='float:left;padding:1px;' list='colors' >
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <input type='text' class='form-control' id='Text14' style='float:left;padding:1px;text-align:center;' >
                                </div>
                            </div>
                            <div class='col-md-12' style='padding:5px 0px;'>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label' style='line-height:34px;padding:0px 28px;margin:0px;'>Twitter</label>
                                </div>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <input class='form-control' type='text' name='label' id='Text15' placeholder='Đường dẫn URL ..'>
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <input type='color' class='form-control' id='color8' style='float:left;padding:1px;' list='colors' >
                                </div>
                                <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                    <input type='text' class='form-control' id='Text16' style='float:left;padding:1px;text-align:center;'>
                                </div>
                            </div>
                            <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                        </div>
                      </form>"
                      >

                      <!-- Text input-->
                      <label class="control-label valtype" style="padding:0px;margin:0px;height:1px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                                <div class="col-md-12" style="display: table;overflow: hidden;padding:0px;">
                                    <div class="col-md-6" style="padding:10px;display: table-cell; vertical-align: middle;">
                                         <a href="#" style="text-decoration:none;"><img class="valtype" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSGp13CZVxj2_rpna5A3JWCKMRrDOdE770eeQwe81Dv7W_6zJmByA" width="" height="80" style="padding:10px;" data-valtype="img" /></a>
                                    </div>
                                    <div class="col-md-6" style="padding:10px;display: table-cell; vertical-align: middle;text-align:right;">
                                        <a href="#" style="color:#000;font-size:20px;"><span data-valtype="facebook" class="valtype fa fa-facebook" style="padding:2px 6px;margin-right:10px;"></span></a>
                                        <a href="#" style="color:#000;font-size:20px;"><span data-valtype="google" class="valtype fa fa-google-plus" style="padding:2px 6px;margin-right:10px;"></span></a>
                                        <a href="#" style="color:#000;font-size:20px;"><span data-valtype="twitter" class="valtype fa fa-twitter" style="padding:2px 6px;margin-right:10px;"></span></a>
                                    </div>
                                </div>                            
                            </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      </div>
                    </div>
                    <!-- Only Image-->
                    
                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" style="padding:0px;" data-type="text" rel="popover" title="Tùy chỉnh" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:0px 0px 10px 0px;'>
                            <div class='col-md-12' style='padding:0px 0px;'>
                                <div class='col-md-12' style='padding:0px;'>
                                    <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                        <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                            <label class='control-label'>Đường dẫn ảnh</label><input class='form-control' onChange='readURL(this.value);' type='text' name='label' id='Text17'>
                                        </div>
                                        <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                            <label class='control-label'>Đường link ảnh</label><input class='form-control' type='text' name='label' id='Text18' placeholder='http://www.famails.com'>
                                        </div>
                                        <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                            <label class='control-label'>Canh lề</label>
                                            <select class='form-control' name='label' id='align_img'>
                                                <option value='left'>Left</option>
                                                <option value='center'>Center</option>
                                                <option value='right'>Right</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                        <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                            <img id='blah' class='img-thumbnail'/>
                                        </div>
                                        <div class='col-md-4' style='padding:5px 5px 5px 0px;'>
                                            <label class='control-label'>Chiều dài</label> <input class='form-control' type='text' name='label' id='Text19'>
                                        </div>
                                        <div class='col-md-4' style='padding:5px 5px 5px 5px;'>
                                            <label class='control-label'>Chiều cao</label> <input class='form-control' type='text' name='label' id='Text20'>
                                        </div>
                                        <div class='col-md-4' style='padding:5px 5px 5px 5px;'>
                                            <label class='control-label'>Màu nền</label><br/><input type='color' class='form-control' id='Color9' style='float:left;padding:1px;' list='colors' >
                                        </div>
                                    </div>
                                </div>
                                <div class='col-md-12' style='padding:0px 0px;'>
                                </div>
                            </div>
                            <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                        </div>
                      </form>"
                      >

                      <!-- Text input-->
                      <label class="control-label valtype" style="padding:0px;margin:0px;height:1px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#000;">
                                <div class="col-md-12" style="display: table;overflow: hidden;padding:0px;">
                                    <div class="col-md-12" style="padding:0px;display: table-cell; vertical-align: middle;text-align:center;">
                                         <a href="#" style="text-decoration:none;"><img class="valtype" src="http://cdn2.giltcdn.com/images/share/uploads/0000/0004/0139/401393567/orig.jpg" width="100%" height="" data-valtype="img" /></a>
                                    </div>
                                </div>                            
                            </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      </div>
                    </div>

                    <!-- Only menu-->
                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" style="padding:0px;" data-type="text" rel="popover" title="Tùy chỉnh" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:0px 0px 10px 0px;'>
                            <div class='col-md-12' style='padding:5px 0px;'>
                                <div class='col-md-6' style='padding:0px;'>
                                    <label class='control-label' style='line-height:30px;'>Danh sách Menu</label>
                                </div>
                                <div class='col-md-3' style='padding:0px;'>
                                    <label class='control-label' style='margin-right:10px;float:left;line-height:30px;'>Màu menu </label>
                                    <input type='color' class='form-control' id='color10' style='float:left;padding:1px;' list='colors'>
                                </div>
                                <div class='col-md-3' style='padding:0px;'>
                                    <label class='control-label' style='margin-right:10px;float:left;line-height:30px;'>Màu menu </label>
                                    <select class='form-control' id='Select3'>
                                        <option value='bold'>Bold</option>
                                        <option value='normal'>Normal</option>
                                    </select>
                                </div>
                                <div class='col-md-12' style='padding:0px;'>
                                    <div class='col-md-8' style='padding:5px 5px 5px 0px;'>
                                        <textarea style='min-height: 150px;max-width:100%;' class='col-md-12 form-control' id='Textarea2'></textarea>
                                    </div>
                                    <div class='col-md-4' style='padding:5px;'>
                                        <label>Ví dụ :</label><br/>[Tên Menu 1] | [Đường dẫn 1]<br/>[Tên Menu 2] | [Đường dẫn 2]<br/>[Tên Menu 3] | [Đường dẫn 3]<br/>
                                        <b>[Tên Menu]</b> và <b>[Đường dẫn]</b> được cách với nhau bằng dấu <b> | </b> 
                                    </div>
                                </div>
                              <hr/>
                            </div>
                          <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                        </div>
                      </form>"
                      >

                      <!-- Text input-->
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:10px 0px;background-color:#fff;">
                                <div class="valtype col-md-12 pull-right" data-valtype="link" style="text-align:center;">
                                    <a href="#" style='color:#005195;font-weight:normal'>Home</a><span style='margin-right:20px;'></span></div>
                           </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                        </div>
                    </div>
                  </div>

                  <div class="tab-pane" id="2">
<!-- 1 col 1 row -->
                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" data-type="text" rel="popover" title="Text Input" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:10px 0px;'>
                            <div class='col-md-12' style='padding:5px 5px 5px 5px;'>
                                <label class='control-label'>Màu nền</label><br/><input type='color' class='form-control' id='Color11' style='float:left;padding:1px;width:80px;' list='colors' >
                            </div>
                            <div class='col-md-6' style='padding:0px;'>
                              <label class='control-label'>Chèn nội dung</label>
                                <span class='btn btn-default' onclick='OWD_TARA();' style='padding:6px 14px;width:100%;'>Thêm / Sửa Nội dung</span>
                            </div>
                            <div class='col-md-12' style='padding:10px 0px;'>
                              <textarea id='Textarea3' style='min-height:150px;' disabled='disabled' class='form-control'></textarea>
                            </div>
                          <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                        </div>
                      </form>"
                      >
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                              <div class="col-md-12 valtype" data-valtype='archier' style="padding:0px;">
<p style="text-align:center">|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>

<p style="text-align:center">|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>

<p style="text-align:center">|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>

                              </div>
                            </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      </div>

                    </div>
<!-- 2 col 1 row -->
                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" data-type="text" rel="popover" title="Text Input" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:10px 0px;'>
                            <div class='col-md-12' style='padding:5px 5px 5px 5px;'>
                                <label class='control-label'>Màu nền</label><br/><input type='color' class='form-control' id='Color12' style='float:left;padding:1px;width:80px;' list='colors' >
                            </div>
                            <div class='col-md-6' style='padding:0px;padding-right:5px;'>
                              <label class='control-label'>Chèn nội dung 1</label>
                                <span class='btn btn-default' onclick='OWD_TARA1();' style='padding:6px 14px;width:100%;'>Thêm / Sửa Nội dung 1</span>
                            </div>
                            <div class='col-md-6' style='padding:0px;padding-left:5px;'>
                              <label class='control-label'>Chèn nội dung 2</label>
                                <span class='btn btn-default' onclick='OWD_TARA2();' style='padding:6px 14px;width:100%;'>Thêm / Sửa Nội dung 2</span>
                            </div>
                            <div class='col-md-6' style='padding:10px 0px;padding-right:5px;'>
                              <textarea id='archier1' style='min-height:150px;' disabled='disabled' class='form-control'></textarea>
                            </div>
                            <div class='col-md-6' style='padding:10px 0px;padding-left:5px;'>
                              <textarea id='archier2' style='min-height:150px;' disabled='disabled' class='form-control'></textarea>
                            </div>
                          <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                        </div>
                      </form>"
                      >
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                              <table style="padding:0px;width:100%;margin-bottom:0px;border:0px;">
                                <tr style="padding:10px;">
                                    <td class="valtype" data-valtype='archier1' style="width:50%;border-top:0px;vertical-align:middle;padding:10px;">
<p style="text-align:center">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>

<p style="text-align:center">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>

<p style="text-align:center">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>
                                    </td>
                                    <td class="valtype" data-valtype='archier2' style="width:50%;border-top:0px;vertical-align:middle;padding:10px;">
<p style="text-align:center">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>

<p style="text-align:center">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>

<p style="text-align:center">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>
                                    </td>
                                </tr>
                              </table>
                          </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      </div>

                    </div>
<!-- 2 col 1 row -->
                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" data-type="text" rel="popover" title="Text Input" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:10px 0px;'>
                            <div class='col-md-12' style='padding:5px 5px 5px 5px;'>
                                <label class='control-label'>Màu nền</label><br/><input type='color' class='form-control' id='Color13' style='float:left;padding:1px;width:80px;' list='colors' >
                            </div>
                            <div class='col-md-6' style='padding:0px;padding-right:5px;'>
                              <label class='control-label'>Chèn nội dung 1</label>
                                <span class='btn btn-default' onclick='OWD_TARA1();' style='padding:6px 14px;width:100%;'>Thêm / Sửa Nội dung 1</span>
                            </div>
                            <div class='col-md-6' style='padding:0px;padding-left:5px;'>
                              <label class='control-label'>Chèn nội dung 2</label>
                                <span class='btn btn-default' onclick='OWD_TARA2();' style='padding:6px 14px;width:100%;'>Thêm / Sửa Nội dung 2</span>
                            </div>
                            <div class='col-md-6' style='padding:10px 0px;padding-right:5px;'>
                              <textarea id='Textarea4' style='min-height:150px;' disabled='disabled' class='form-control'></textarea>
                            </div>
                            <div class='col-md-6' style='padding:10px 0px;padding-left:5px;'>
                              <textarea id='Textarea5' style='min-height:150px;' disabled='disabled' class='form-control'></textarea>
                            </div>
                          <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                        </div>
                      </form>"
                      >
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                              <table style="padding:0px;width:100%;margin-bottom:0px;border:0px;">
                                <tr style="padding:10px;">
                                    <td class="valtype" data-valtype='archier1' style="width:30%;border-top:0px;vertical-align:middle;padding:10px;">

<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
                                    </td>
                                    <td class="valtype" data-valtype='archier2' style="width:70%;border-top:0px;vertical-align:middle;padding:10px;">
<p style="text-align:center">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>

<p style="text-align:center">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>

<p style="text-align:center">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>
                                    </td>
                                </tr>
                              </table>
                          </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      </div>

                    </div>
<!-- 2 col 1 row -->
                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" data-type="text" rel="popover" title="Text Input" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:10px 0px;'>
                            <div class='col-md-12' style='padding:5px 5px 5px 5px;'>
                                <label class='control-label'>Màu nền</label><br/><input type='color' class='form-control' id='Color14' style='float:left;padding:1px;width:80px;' list='colors' >
                            </div>
                            <div class='col-md-6' style='padding:0px;padding-right:5px;'>
                              <label class='control-label'>Chèn nội dung 1</label>
                                <span class='btn btn-default' onclick='OWD_TARA1();' style='padding:6px 14px;width:100%;'>Thêm / Sửa Nội dung 1</span>
                            </div>
                            <div class='col-md-6' style='padding:0px;padding-left:5px;'>
                              <label class='control-label'>Chèn nội dung 2</label>
                                <span class='btn btn-default' onclick='OWD_TARA2();' style='padding:6px 14px;width:100%;'>Thêm / Sửa Nội dung 2</span>
                            </div>
                            <div class='col-md-6' style='padding:10px 0px;padding-right:5px;'>
                              <textarea id='Textarea6' style='min-height:150px;' disabled='disabled' class='form-control'></textarea>
                            </div>
                            <div class='col-md-6' style='padding:10px 0px;padding-left:5px;'>
                              <textarea id='Textarea7' style='min-height:150px;' disabled='disabled' class='form-control'></textarea>
                            </div>
                          <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                        </div>
                      </form>"
                      >
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                              <table style="padding:0px;width:100%;margin-bottom:0px;border:0px;">
                                <tr style="padding:10px;">
                                    <td class="valtype" data-valtype='archier1' style="width:70%;border-top:0px;vertical-align:middle;padding:10px;">
<p style="text-align:center">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>

<p style="text-align:center">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>

<p style="text-align:center">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>
                                    </td>
                                    <td class="valtype" data-valtype='archier2' style="width:30%;border-top:0px;vertical-align:middle;padding:10px;">
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
                                    </td>
                                </tr>
                              </table>
                          </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      </div>

                    </div>
<!-- 3 col 1 row -->
                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" data-type="text" rel="popover" title="Text Input" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:10px 0px;'>
                            <div class='col-md-12' style='padding:5px 5px 5px 5px;'>
                                <label class='control-label'>Màu nền</label><br/><input type='color' class='form-control' id='Color15' style='float:left;padding:1px;width:80px;' list='colors' >
                            </div>
                            <div class='col-md-4' style='padding:0px;padding-right:5px;'>
                              <label class='control-label'>Chèn nội dung 1</label>
                                <span class='btn btn-default' onclick='OWD_TARA();' style='padding:6px 14px;width:100%;'>Thêm / Sửa Nội dung 1</span>
                            </div>
                            <div class='col-md-4' style='padding:0px;padding-left:5px;'>
                              <label class='control-label'>Chèn nội dung 2</label>
                                <span class='btn btn-default' onclick='OWD_TARA1();' style='padding:6px 14px;width:100%;'>Thêm / Sửa Nội dung 2</span>
                            </div>
                            <div class='col-md-4' style='padding:0px;padding-left:5px;'>
                              <label class='control-label'>Chèn nội dung 2</label>
                                <span class='btn btn-default' onclick='OWD_TARA2();' style='padding:6px 14px;width:100%;'>Thêm / Sửa Nội dung 3</span>
                            </div>
                            <div class='col-md-4' style='padding:10px 0px;padding-right:5px;'>
                              <textarea id='Textarea8' style='min-height:150px;' disabled='disabled' class='form-control'></textarea>
                            </div>
                            <div class='col-md-4' style='padding:10px 0px;padding-right:5px;'>
                              <textarea id='Textarea9' style='min-height:150px;' disabled='disabled' class='form-control'></textarea>
                            </div>
                            <div class='col-md-4' style='padding:10px 0px;padding-left:5px;'>
                              <textarea id='Textarea10' style='min-height:150px;' disabled='disabled' class='form-control'></textarea>
                            </div>
                          <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                        </div>
                      </form>"
                      >
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                              <table style="padding:0px;width:100%;margin-bottom:0px;border:0px;">
                                <tr style="padding:10px;">
                                    <td class="valtype" data-valtype='archier' style="width:33.333%;border-top:0px;vertical-align:middle;padding:10px;">
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
                                    </td>
                                    <td class="valtype" data-valtype='archier1' style="width:33.333%;border-top:0px;vertical-align:middle;padding:10px;">
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
                                    </td>
                                    <td class="valtype" data-valtype='archier2' style="width:33.333%;border-top:0px;vertical-align:middle;padding:10px;">
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
<p style="text-align:center">|||||||||||||||||||||||||||||||||</p>
                                    </td>
                                </tr>
                              </table>
                          </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      </div>

                    </div>

                  </div>

                  <div class="tab-pane" id="3">
                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" data-type="text" rel="popover" title="Text Input" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:10px 0px;'>
                            <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Đường dẫn ảnh</label><input class='form-control' onChange='readURL(this.value);' type='text' name='label' id='Text21'>
                                </div>
                                <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Đường link ảnh</label><input class='form-control' type='text' name='label' id='Text22' placeholder='http://www.famails.com'>
                                </div>
                            </div>
                            <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                    <img id='Img1' class='img-thumbnail' />
                                </div>
                                <div class='col-md-4' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Chiều dài</label> <input class='form-control' type='text' name='label' id='Text23'>
                                </div>
                                <div class='col-md-4' style='padding:5px 5px 5px 5px;'>
                                    <label class='control-label'>Chiều cao</label> <input class='form-control' type='text' name='label' id='Text24'>
                                </div>
                                <div class='col-md-4' style='padding:5px 5px 5px 5px;'>
                                    <label class='control-label'>Màu nền</label><br/><input type='color' class='form-control' id='Color16' style='float:left;padding:1px;' list='colors' >
                                </div>
                            </div>
                            <div class='col-md-12' style='padding:10px 0px;'>
                                    <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                        <div class='col-md-5' style='padding:5px 5px 5px 0px;'>
                                            <label class='control-label'>Nội dung</label> <input class='form-control' type='text' name='label' id='Text25'>
                                        </div>
                                        <div class='col-md-1' style='padding:5px 5px 5px 5px;'>
                                            <label class='control-label'>Size</label> <input class='form-control' type='text' name='label' id='Text26'>
                                        </div>
                                        <div class='col-md-2' style='padding:5px 5px 5px 5px;'>
                                            <label class='control-label'>Canh lề</label> <select class='form-control' type='text' id='Select4'><option value='left'>Left</option><option value='center'>center</option><option value='right'>Right</option></select>
                                        </div>
                                        <div class='col-md-2' style='padding:5px 5px 5px 5px;'>
                                            <label class='control-label'>Kiểu chữ</label> <select class='form-control' type='text' id='Select5'><option value='bold'>Bold</option><option value='normal'>Normal</option></select>
                                        </div>
                                        <div class='col-md-2' style='padding:5px 5px 5px 5px;'>
                                            <label class='control-label'>Màu Chữ</label><br/><input type='color' class='form-control' id='color17' style='float:left;padding:1px;' list='colors' >
                                        </div>
                                    </div>
                                    <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                        <div class='col-md-3' style='padding:5px 5px 5px 0px;'>
                                            <label class='control-label'>Tiêu đề menu</label>
                                            <input class='form-control' type='text' name='label' id='menu' placeholder='Chi tiết'>
                                        </div>
                                        <div class='col-md-3' style='padding:5px 5px 5px 0px;'>
                                            <label class='control-label'>Link menu</label>
                                            <input class='form-control' type='text' name='label' id='link_menu' placeholder='http://www.famails.com'>
                                        </div>
                                        <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                            <label class='control-label'>Màu nền menu</label>
                                            <input class='form-control' type='color' name='label' list='colors' id='background_menu' style='float:left;padding:1px;'>
                                        </div>
                                        <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                            <label class='control-label'>kích cỡ</label>
                                            <select class='form-control' name='label' id='bold_menu'>
                                                <option value='bold'>Bold</option>
                                                <option value='normal'>Normal</option>
                                            </select>
                                        </div>
                                        <div class='col-md-2' style='padding:5px 5px 5px 0px;'>
                                            <label class='control-label'>Màu Chữ</label>
                                            <input class='form-control' type='color' list='colors' name='label' id='color_menu' style='float:left;padding:1px;'>
                                        </div>
                                    </div>
                            </div>
                          <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                        </div>
                      </form>"
                      >
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                                <table style="padding:0px;width:100%;margin-bottom:0px;border:1px solid #dedede;">
                                <tr>
                                    <td colspan="2" style="border-top:0px;padding:5px;"><a href="#"><img class="img valtype" data-valtype="img" src="http://tcovers.wallpapertemplates.com/wp-content/uploads/CreativeGraphics/sea-creative-graphics-1500x500.jpeg" width="100%" height="" /></a></td>
                                </tr>
                                <tr>
                                    <td style="border-top:0px;padding:5px;width:70%">
                                        <div class="valtype col-md-12" data-valtype="title2" style="display: table-cell; vertical-align: middle;line-height:40px;font-weight:bold;font-size:14px;color:#000;text-align:center">Chuyến du lịch Hawaii 3 ngày/ 2 đêm</div>
                                    </td>
                                    <td style="text-align:center;border-top:0px;padding:5px;width:30%">
                                        <a href="#" class="btn btn-default valtype" data-valtype="menu" style="background:#f40;color:#fff;font-weight:bold;text-decoration:none;">
                                            Xem chi tiết
                                        </a>
                                    </td>
                                </tr>
                                </table>
                            </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      </div>

                    </div>

                    <div class="control-group component" style="border-right-width:0px !important;border-left-width:0px !important;border:1px solid #ddd;" data-type="text" rel="popover" title="Text Input" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:10px 0px;'>
                            <div class='col-md-12' style='padding:5px 5px 5px 5px;'>
                                <label class='control-label'>Màu nền</label><br/><input type='color' class='form-control' id='Color18' style='float:left;padding:1px;width:80px;' list='colors' >
                            </div>
                            <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Đường dẫn ảnh</label><input class='form-control' onChange='readURL(this.value);' type='text' name='label' id='Text27'>
                                </div>
                                <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Tiêu đề</label><input class='form-control' type='text' name='label' id='Text28'>
                                </div>
                                <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Link menu</label>
                                    <input class='form-control' type='text' name='label' id='Text29' placeholder='http://www.famails.com'>
                                </div>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <div class='col-md-12' style='padding:0px;'>
                                        <label class='control-label'>Tiêu đề menu</label>
                                        <input class='form-control' type='text' name='label' id='Text30' placeholder='Chi tiết'>
                                    </div>
                                    <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                        <label class='control-label'>Màu menu</label>
                                        <input class='form-control' type='color' name='label' list='colors' id='Color19' style='float:left;padding:1px;'>
                                    </div>
                                    <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                        <label class='control-label'>kích cỡ</label>
                                        <select class='form-control' name='label' id='Select6'>
                                            <option value='bold'>Bold</option>
                                            <option value='normal'>Normal</option>
                                        </select>
                                    </div>
                                    <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                        <label class='control-label'>Màu Chữ</label>
                                        <input class='form-control' type='color' list='colors' name='label' id='color20' style='float:left;padding:1px;'>
                                    </div>
                                    <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                        <label class='control-label'>Canh lề</label>
                                        <select class='form-control' name='label' id='align_menu'>
                                            <option value='left'>Trái</option>
                                            <option value='center'>Giữa</option>
                                            <option value='right'>Phải</option>
                                        </select>
                                    </div>
                                </div>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <div class='col-md-12' style='padding:0px;text-align:center;'>
                                        <img id='Img2' class='img-thumbnail' style='width:100%;'/>
                                    </div>
                                </div>

                            </div>
                            <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Đường dẫn ảnh</label><input class='form-control' onChange='readURL2(this.value);' type='text' name='label' id='Text31'>
                                </div>
                                <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Tiêu đề</label><input class='form-control' type='text' name='label' id='title3'>
                                </div>
                                <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                    <label class='control-label'>Link menu</label>
                                    <input class='form-control' type='text' name='label' id='link_menu2' placeholder='http://www.famails.com'>
                                </div>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <div class='col-md-12' style='padding:0px;'>
                                        <label class='control-label'>Tiêu đề menu</label>
                                        <input class='form-control' type='text' name='label' id='menu2' placeholder='Chi tiết'>
                                    </div>
                                    <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                        <label class='control-label'>Màu menu</label>
                                        <input class='form-control' type='color' name='label' list='colors' id='background_menu2' style='float:left;padding:1px;'>
                                    </div>
                                    <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                        <label class='control-label'>kích cỡ</label>
                                        <select class='form-control' name='label' id='bold_menu2'>
                                            <option value='bold'>Bold</option>
                                            <option value='normal'>Normal</option>
                                        </select>
                                    </div>
                                    <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                        <label class='control-label'>Màu Chữ</label>
                                        <input class='form-control' type='color' list='colors' name='label' id='color_menu2' style='float:left;padding:1px;'>
                                    </div>
                                    <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                        <label class='control-label'>Canh lề</label>
                                        <select class='form-control' name='label' id='align_menu2'>
                                            <option value='left'>Trái</option>
                                            <option value='center'>Giữa</option>
                                            <option value='right'>Phải</option>
                                        </select>
                                    </div>
                                </div>
                                <div class='col-md-6' style='padding:5px 5px 5px 0px;'>
                                    <div class='col-md-12' style='padding:0px;text-align:center;'>
                                        <img id='blah2' class='img-thumbnail' style='width:100%;'/>
                                    </div>
                                </div>

                            </div>
                            <div class='col-md-12' style='padding:5px 5px 5px 0px;'>
                                <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                            </div>

                        </div>
                      </form>"
                      >
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                                <table style="padding:0px;width:100%;margin-bottom:0px;border:0px solid #dedede;">
                                <tr>
                                    <td style="border-top:0px;padding:5px;width:50%;">
                                        <div class="col-md-12" style="padding:0px;">
                                            <img class="img valtype" data-valtype="img" src="http://images.hotdeals.vn/images/01-07-2014/dam%20cheo%20vai/1.jpg" width="100%" height="" />
                                        </div>
                                        <div class="col-md-12" style="padding:5px 0px;height:60px;">
                                            <div class="valtype col-md-12" data-valtype="title2" style="display: table-cell;padding:0px; vertical-align: middle;font-weight:bold;font-size:14px;color:#000;text-align:justify">Chuyến du lịch Hawaii 3 ngày/ 2 đêm</div>
                                        </div>
                                        <div class="col-md-12" style="padding:0px;">
                                            <a href="#" class="btn btn-default valtype" data-valtype="menu" style="background:#f40;color:#fff;font-weight:bold;text-decoration:none;">
                                                Xem chi tiết
                                            </a>
                                        </div>
                                    </td>
                                    <td style="border-top:0px;padding:5px;width:50%;">
                                        <div class="col-md-12" style="padding:0px;">
                                            <img class="img valtype" data-valtype="img2" src="http://images.hotdeals.vn/images/01-07-2014/dam%20cheo%20vai/2.jpg" width="100%" height="" />
                                        </div>
                                        <div class="col-md-12" style="padding:5px 0px;height:60px;">
                                            <div class="valtype col-md-12" data-valtype="title3" style="display: table-cell;padding:0px; vertical-align: middle;font-weight:bold;font-size:14px;color:#000;text-align:justify">Chuyến du lịch Hawaii 3 ngày/ 2 đêm</div>
                                        </div>
                                        <div class="col-md-12" style="padding:0px;">
                                            <a href="#" class="btn btn-default valtype" data-valtype="menu2" style="background:#f40;color:#fff;font-weight:bold;text-decoration:none;">
                                                Xem chi tiết
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      </div>

                    </div>





                  </div>



                  <div class="tab-pane" id="4">

                    <div class="control-group component" rel="popover" title="Search Input" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:10px;'>
                            <div class='col-md-3' style='padding:5px 5px 5px 5px;'>
                                <label class='control-label'>Màu nền</label><br/>
                                <input type='color' class='form-control' id='Color21' style='float:left;padding:1px;' list='colors' >
                            </div>
                            <div class='col-md-3' style='padding:5px 5px 5px 5px;'>
                                <label class='control-label'>Màu viền</label><br/>
                                <input type='color' class='form-control' id='color_hr' style='float:left;padding:1px;' list='colors' >
                            </div>
                            <div class='col-md-3' style='padding:5px 5px 5px 5px;'>
                                <label class='control-label'>Độ dài</label><br/>
                                <input type='text' class='form-control' id='width_hr' style='float:left;padding:1px;' >
                            </div>
                            <div class='col-md-3' style='padding:5px 5px 5px 5px;'>
                                <label class='control-label'>Độ dày</label><br/>
                                <input type='text' class='form-control' id='solid_hr' style='float:left;padding:1px;' >
                            </div>
                              <hr/>
                            <div class='col-md-12' style='padding:5px 5px 5px 5px;'>
                              <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                            </div>
                        </div>
                      </form>"
                      >    
                      <!-- Button --> 
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
                               <hr class="valtype" data-valtype="color_hr" style="border-color:#ddd;border-width:1px;width:80%;"/>
                            </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      </div>
                    </div>
<!-- Đang ky nhan tin -->
                    <div class="control-group component" rel="popover" title="Search Input" trigger="manual"
                      data-content="
                      <form class='form'>
                        <div class='controls col-md-12' style='padding:10px;'>
                            <div class='col-md-12' style='padding:5px 5px 5px 5px;'>
                                <label class='control-label'>Màu nền</label><br/>
                                <input type='color' class='form-control' id='Color22' style='float:left;padding:1px;' list='colors' >
                            </div>
                            
                              <hr/>
                            <div class='col-md-12' style='padding:5px 5px 5px 5px;'>
                              <button class='btn btn-info pull-left'>Save</button><button class='btn btn-danger pull-right'>Cancel</button>
                            </div>
                        </div>
                      </form>"
                      >    
                      <!-- Button --> 
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      <div class="controls" style="margin-top:-20px;margin-bottom:-20px;">
                           <div class="valtype col-md-12"  data-valtype="background" style="padding:0px;background-color:#fff;">
<!-- -->
                 
                               <div class="col-md-12" style="padding:20px;">
                                   <h4 style="margin:5px;">Đăng ký nhận tin</h4>
<form id="form1" method="post" action="http://famails.com/backend/page/register-event.aspx" accept-charset="UTF-8">
<input name="UserId" id="UserId" type="hidden" value="356" />
<input name="eventId" id="eventId" type="hidden" value="346" />
<input name="visibleField" id="visibleField" type="hidden" value="Name Email" />
<input name="groupId" id="groupId" type="hidden" value="553" />
<input name="startDate" id="startDate" type="hidden" value="7/25/2014 2:37:40 PM" />
<input name="endDate" id="endDate" type="hidden" value="7/25/2014 2:37:40 PM" />
<input name="requireTime" id="requireTime" type="hidden" value="" />

                                   <div class="col-md-4" style="padding:5px;">
                                        <input class="input_add" name="Name" id="Name" type="text" placeholder="Họ và tên" /> 
                                   </div>
                                   <div class="col-md-6" style="padding:5px;">
                                        <input class="input_add" name="Email" id="Email" type="text" placeholder="Email"  /> 
                                   </div>
                                   <div class="col-md-2" style="padding:5px;">
                                        <input class="btn btn-default" name="btnSubmit" id="Submit1" style="border-radius:0px;" type="submit" value="Đăng ký" />
                                   </div>
</form>
                               </div>           
<!-- -->     
                            </div>
                      <label class="control-label valtype" style="padding:0px;margin:0px;"></label>
                      </div>
                    </div>
                  </div>


                  <div class="tab-pane col-md-12" id="5" style="padding:5px;border:1px solid #ddd;">
                    <textarea id="source" class="col-md-12 form-control" rows="22" style="border-radius:0px;border:1px solid #eee;border-top:0px;margin-top:4px;"></textarea>
                  </div>

                </fieldset>
              </form>
            </div>
          </div> <!-- row -->
        </div> <!-- /container -->
        <script src="Scripts/jquery 1.7.1.js"></script>
<%--        <script src="http://code.jquery.com/jquery-1.11.1.js"></script>--%>
        <script src="Scripts/bootstrap2.js"></script>
            <script type="text/javascript">
                var popup;
                function OWD_TARA() {
                    popup = window.open("addINFOtoTEMPLATE.aspx", "Popup", "width=1200,height=600");
                    popup.focus();
                    return false
                }
                function OWD_TARA1() {
                    popup = window.open("addINFOtoTEMPLATE.aspx", "Popup1", "width=1200,height=600");
                    popup.focus();
                    return false
                }
                function OWD_TARA2() {
                    popup = window.open("addINFOtoTEMPLATE.aspx", "Popup2", "width=1200,height=600");
                    popup.focus();
                    return false
                }
            </script>
            <script>
                function readURL(a) {
                    $('#blah')
                    .attr('src', a);
                }
                function readURL2(a) {
                    $('#blah2')
                    .attr('src', a);
                }
            </script>
        <script src="Scripts/fb.js"></script>
      </body>
    </html>
